<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
<div class="htmleaf-container">
    <div class="wrapper">
        <div class="container" style="margin-top: -60px">
            <h2>REGISTER</h2>
            <form class="form" action="/register" method="post">
                <input type="text" placeholder="userid"  required="required" name="userid">
                <input type="password" placeholder="password"  required="required" name="password">
                <input type="text" placeholder="localname"  required="required" name="localname">
                <input type="text" placeholder="phone" required="required" name="phone">
                <input type="text" placeholder="dgutid" required="required" name="dgutid">
                <button type="submit" >Register</button>
            </form>
        </div>
        <ul class="bg-bubbles">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script>
    $('#login-button').click(function (event) {
        event.preventDefault();
        $('form').fadeOut(500);
        $('.wrapper').addClass('form-success');
    });
</script>

</body>
</html>